<template>
    <div>
        <p :class="{black:isBlack,yellow:isYellow}">使用class</p>
        <p :class="[black,yellow]">使用class数组</p>
        <p :style="styleData">使用对象</p>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                isBlack: true,
                isYellow: true,
                black: 'black',
                yellow: 'yellow',
                styleData: {
                    fontSize: '40px', //转为驼峰
                    color: 'red',
                    backgroundColor:'#ccc'
                }
            }
        }
    }
</script>
<style>
.black{
    color:#000
}
.yellow{
    color:yellow;
}
</style>